<template>
  <div class="header d-flex align-items-center">
    <router-link to="/register" class="back-button me-3">
      <i class="bi bi-arrow-left"></i>
    </router-link>
    <h5 class="mb-0">注册账号</h5>
  </div>
  <div class="modal-dialog modal-lg modal-dialog-scrollable">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="userAgreementModalLabel">用户协议</h5>
        </div>
        <div class="modal-body">
          <div class="user-agreement-content">
            <h6>1. 服务条款</h6>
            <p>
              欢迎使用我们的服务，以下是使用我们服务的服务条款。请仔细阅读以下内容，因为这些条款会影响您的权利和义务。使用我们的服务即表示您同意遵守这些条款。如果您不同意这些条款，请不要使用我们的服务。
            </p>
            <p>
              1.1 服务的使用：我们为用户提供[服务名称]服务，您可以通过我们的平台访问和使用相关服务。在使用服务过程中，您需要遵守所有适用的法律和法规，并且不能使用我们的服务从事违法、违规或不道德的活动。
            </p>
            <p>
              1.2 账户：为了使用我们的部分服务，您可能需要创建一个账户。您对您的账户信息的保密性负责，并且您需要保证您提供的信息真实、准确、完整和最新。
            </p>
            <p>
              1.3 服务的变更：我们有权根据业务需要修改、暂停或终止部分或全部服务。我们会尽力通知您有关服务的变更，但不保证能通知到每一位用户。
            </p>
            <h6>2. 知识产权</h6>
            <p>
              2.1 我们的服务中所包含的所有内容，包括但不限于文本、图像、软件、商标、标识等，都受到知识产权法律的保护。未经我们的书面许可，您不得复制、修改、分发或使用这些内容。
            </p>
            <p>
              2.2 您向我们提供的内容：您向我们的平台提供的任何内容，您授予我们一项全球范围内的、非排他性的、可转让的、可再许可的、免费的许可，允许我们使用、复制、修改、分发、展示和执行该内容，以便我们提供服务和开发新的服务。
            </p>
            <h6>3. 免责声明</h6>
            <p>
              3.1 我们的服务按“原样”提供，不提供任何明示或暗示的保证，包括但不限于对服务的适销性、特定用途的适用性和不侵权的保证。在任何情况下，我们对因使用我们的服务而导致的任何直接或间接损失不承担责任。
            </p>
            <p>
              3.2 我们不保证服务的可用性、可靠性或安全性。我们将尽力维护服务的正常运行，但不保证服务不会中断或出现错误。
            </p>
            <h6>4. 终止</h6>
            <p>
              4.1 我们有权随时终止或暂停您对服务的访问，而无需提前通知您。终止的原因可能包括但不限于违反服务条款、法律法规或对服务的安全和正常使用造成威胁。
            </p>
            <p>
              4.2 在服务终止后，您的账户信息和内容可能会被删除，我们不承担任何责任。
            </p>
            <h6>5. 法律适用和争议解决</h6>
            <p>
              5.1 本用户协议受[适用法律地区]法律的管辖。因本协议引起的任何争议，将由[争议解决法院或仲裁机构]进行解决。
            </p>
            <p>
              5.2 您同意放弃以集体诉讼或代表诉讼的形式对我们提起诉讼的权利。
            </p>
          </div>
        </div>
      </div>
    </div>
</template>
<script>
import router from '@/router'
export default {
  name: 'UserAgreementView',
  methods: {
    closeUserAgreementModal() {
      router.push('/register')
    }
  }
}
</script>
<style scoped>
.register-page {
  background-color: #f5f5f5;
  min-height: 100vh;
}

.header {
  background: linear-gradient(135deg, #00b8a9, #00a19a);
  color: white;
  padding: 15px;
  position: relative;
}

.back-button {
  color: white;
  text-decoration: none;
  font-size: 1.2rem;
}

.form-container {
  padding: 20px;
}

.form-label {
  font-size: 0.9rem;
  color: #666;
  margin-bottom: 8px;
}

.form-text {
  font-size: 0.8rem;
  margin-top: 4px;
}

.form-check-label {
  font-size: 0.9rem;
  color: #666;
}
</style>